*{
    padding:0;
    margin:0;
}
body{
    background-color: #E0E0E0;
    list-style: none;
}
.header{
    width:100%;
    height:61px;
    display: flex;
    justify-content: center;
    align-items: center;
    font:italic bold 2em Georigia,serif;
    background-color: #E0E0E0;
    border-radius: 0 0 50% 50% / 0 0 47% 47%;
    box-shadow: 10px 10px 10px #99999957;
    z-index: 10;
}
.center{
    width:70%;
    height:40px;
    background-color: transparent;
    display: flex; 
    margin:36px 20% 0 16%;
    float:left;
    flex-wrap: wrap;
}
.first{
    position: relative;
    width:37%;
    background-color: #fefefe98;
    border-radius: 20px;
    box-shadow: 13px 15px 16px #99999957 inset;
}
.input{
    width:75%;
    height:100%;
    margin-left:20px;
    border:0;
    outline: none;
    background-color: transparent;
    color:rgba(128, 128, 128, 0.527);
}
#btn{
    position: absolute;
    border:0;
    outline:none;
    background-color: transparent;
    margin-left:35px;
    font-size: 24px;
    margin-top: 8px;
    color:rgba(51, 51, 51, 0.959);
}
#btn.hover{
    cursor: pointer;
}
.second{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:26%;
    background-color: transparent;
}
.night{
    position: absolute;
    width:100%;
    height:68%;
}
.thirt{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width:37%;
    background-color: #fefefe98;
    border-radius: 20px;
    box-shadow: 13px 15px 16px #99999957 inset;
}
.last{
    width:70%;
    height:400px;
    background-color:transparent;
    display: flex;
    margin:45px 20% 0 16%;
    float:left;
}
.oneleft{
    width:37%;
    background-color: #fefefe47;
    border-radius: 43px 43px 43px 43px;
    box-shadow: -32px -15px 28px #99999934 inset;
}
#yesimg{
    position: absolute;
    width:84%;
    left:31px;
    top:12px;
}
#noimg{
    position: absolute;
    width:84%;
    left:31px;
    top:12px;
}
.twocenter{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width:26%;
    background-color: transparent;
}
.vs{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width:94px;
    transition: 1s;

}
.right{
    width:37%;
    background-color: #fefefe47;
    border-radius:43px 43px 43px 43px;
    box-shadow: -32px -15px 28px #99999934 inset;
}
.footer{
    width:100%;
    height:90px;
    position: absolute;
    bottom:0;
    background-color: transparent;
    border-top: 2px solid #99999957;
    border-radius: 40% 40% 0 0 / 52% 52% 0 0;
}
.h3{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:10%;
    margin-top: 10px;
    background-color: transparent;
}
h3{
    font-size: 20px;
}
.xiaoli{
    position: relative;
    width:100%;
    height:87%;
    background-color: transparent;
    overflow: hidden;
}
.kongbai{
    position: relative;
    width:100%;
    height:87%;
    background-color: transparent;
}
ul{
    display:block;
    list-style: none;
}
li{
    display: flex;
    justify-content: center;
}
/* .inset{
    display:inline-flex;
    justify-content: center;
    align-items: center;
    width:95%;
    height:63px;
    margin-top: -4px;
    margin-left:10px;
    background-color:skyblue;
    border-bottom: 1px dashed #ccc; */
/* } */
 #pangbian{
    display: flex;
    justify-content: center;
    align-items: center;
    width:20px;
    height:20px;
    margin-top:20px;
    margin-left:18px;
    background-color: transparent; 
    border-radius: 50%;
    border:1px solid #333;
    float:left;
} 
#juxing{
    display: flex;
    justify-content: center;
    align-items: center;
    float:left;
    width:80%;
    height:63px;
    background-color: transparent;
    border-bottom:1px dashed #ccc;
}

#zuihou{
    display: flex;
    justify-content: center;
    align-items: center;
    float:left;
    width:10%;
    height:63px;
    margin-left:20px;
    background-color: transparent;
    font-size:14px;
    font-weight: 500;
    text-decoration:none;
    color:#333;
}
.shuixian{
    width:100%;
    height:5px;
    background-color: powderblue;
}
.red{
    width:90%;
    margin-top: 1px;
}
.vs:hover{
    width:120px;
    transform: rotate(30deg);
    transition: 1s;
}
